$bor: 1px solid #000;
.Cart{
    color: #666;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 40px);
    .cartContent{
        flex: 1;
        overflow: auto;
        padding-bottom: 80px;
    }
    .cartNav{
        box-shadow: 0px 0.5px 0px 0px #888888;//移动端一像素
        font-size: 16px;
        height: 42px;
        .bianji{
            margin-right: 25px;
        }
        .huihua{
            font-size: 22px;
            line-height:42px;
        }
    }
    
    .itemContent{
        height: 23vw;
        position: relative;
        display: flex;
        .cartChecked{
            position: absolute;
            top: 50%;
            left: 5px;
            transform: translateY(-50%);
        }
        .cartImage{
            width: 20vw;
            margin-left: 11vw;
            margin-top: 1.5vw;
            // box-shadow: 0.5px 0.5px 0px 0px #888888;

        }
        .desc{
            width: 40vw;
            // border: $bor;
            line-height: 22px;
            margin-left: 5px;
            .itemName{
                color: #505050;
                font-size: 18px;
                margin-top: 1.5vw;
            }
            .guige{
                color: #a6a6a6;
                font-size: 12px;
            }
            .price{
                color: #ff703a;
                margin-top: 5px;
                text-indent: 8px;
                font-size: 16px;
                span{
                    color: #a6a6a6;
                    margin-left: 6px;
                    font-size: 12px;
                }
            }
        }
    }
    .jiagou{
        padding-left: 50px;
        line-height: 8vw;
        background-color: #eee;
        font-size: 12px;
        span:nth-child(1){
            font-size: 16px;
            margin-right: 8px;
            color: #666;
        }
        span:nth-child(2) {

            color: #888;
        }
        span:nth-child(3) {
            margin: 0 5px;

            color: #888;
        }
        span:nth-child(4) {

            color: #ff703a;
        }
        span:nth-child(5) {

            font-size: 16px;
            float: right;
            margin-right: 8px;
        }
    }
    .jiesuan{
        box-sizing: border-box;
        padding-left: 12px;
        height: 40px;
        position: fixed;
        z-index: 5;
        width: 100vw;
        bottom: 50px;
        display: flex;
        line-height: 40px;
        background-color: #fff;
        span:nth-of-type(1){
            margin-left: 100px;
            color: #233;
        }
        span:nth-of-type(2) {
            margin-left: 10px;
            font-size: 16px;
            font-weight: 500;
            color: #ff703a;
        }
        .tijiao{
            width: 30vw;
            height: 100%;
            text-align: center;
            line-height: 40px;
            background-color: #ff703a;
            color: #fff;
            font-size: 14px;
            font-weight: 500;
            position: absolute;
            right: 0;
        }
    }
    
    .cartNull{
        height: 300px;
        text-align: center;
        line-height: 300px;
        font-size: 30px;
    }

}
.tuijian {

    .tj-tit,
    .tj-tit2 {
        text-align: center;
    }

    .tj-tit {
        margin-top: 18px;
        margin-bottom: 15px;
        color: #ff703a;
        font-size: 20px;
    }

    .tj-tit2 {
        border: none;
        border-top: 1px solid #666;
        margin-bottom: 10px;
    }

    .tj-prd {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px;

        .item {
            margin-top: 10px;
            img {
                width: 100%;

            }

            .img {
                position: relative;

                .haop {
                    position: absolute;
                    right: 7px;
                    bottom: 5px;
                    color: #fff;
                    font-weight: 600;
                    font-size: 16px;
                }
            }

            .name {
                font-size: 14px;
                color: #555;

            }

            .desc {
                font-size: 12px;
                color: #888;
                width: 45vw;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .price {
                font-size: 14px;
                color: #ff703a;
                height: 26px;
                line-height: 36px;

                .addCart {
                    font-size: 26px;
                    line-height: 26px;
                    float: right;
                    color: #555;
                    margin-right: 5px;
                }
            }
        }
    }
}